<script setup lang="ts">
import updateTimeLine from "./components/UpdateTimeLine.vue";
import Github from "./components/Github.vue";

defineOptions({
  name: "Welcome"
});
</script>

<template>
  <div>
    <el-row :gutter="24" style="margin: 20px">
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <el-card class="box-card">
          <template #header>
            <div class="card-header">
              <span>版本日志 （当前版本v1.0.1）</span>
            </div>
          </template>
          <el-scrollbar height="300px">
            <updateTimeLine />
          </el-scrollbar>
        </el-card>
      </el-col>

      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <el-card class="box-card">
          <template #header>
            <div class="card-header">
              <span>系统概况统计</span>
            </div>
          </template>
          <el-scrollbar height="300px">
            <Github />
          </el-scrollbar>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
